/* ==========================================================================
   ZOVA TRADING - LUXURY DARK GOLD NAVBAR & HEADER CSS
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=El+Messiri:wght@400;600;700&display=swap');

:root {
    --ebhdr9-bg-header-main: #080a0e;
    --ebhdr9-bg-upper-bar: #040507;
    --ebhdr9-bg-mobile-drawer: #0d1017;
    --ebhdr9-bg-mobile-overlay: rgba(0, 0, 0, 0.75);
    --ebhdr9-bg-dropdown-desktop: #131722;
    --ebhdr9-bg-accordion-box: #1b2030;
    --ebhdr9-bg-accordion-box-active: #d4af37;

    --ebhdr9-color-text-dark: #ffffff;
    --ebhdr9-color-text-white: #ffffff;
    --ebhdr9-color-text-muted: #e0e4ec;
    --ebhdr9-color-gold: #D4AF37;
    --ebhdr9-color-whatsapp: #25d366;

    --ebhdr9-border-logo-top-bottom: #D4AF37;
    --ebhdr9-border-mobile-li: rgba(212, 175, 55, 0.2);
    --ebhdr9-border-dropdown-desktop: rgba(212, 175, 55, 0.3);
}

.ebhdr9-hdr * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}

.ebhdr9-hdr {
    background-color: #080a0e !important;
    position: sticky;
    top: 0;
    z-index: 9999;
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.85);
    border-bottom: 1px solid rgba(212, 175, 55, 0.3);
}

.ebhdr9-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 10px 25px;
    max-width: 1440px;
    margin: 0 auto;
    background-color: transparent !important;
    height: 75px;
}

.ebhdr9-nav-menu-pages {
    background-color: transparent !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    background: transparent !important;
}

/* Default Toggle Button Style */
.ebhdr9-nav-toggle {
    display: none;
    flex-direction: column;
    justify-content: space-between;
    width: 32px;
    height: 22px;
    background: transparent;
    border: none;
    cursor: pointer;
    position: relative;
    z-index: 100005;
    padding: 0;
    margin: 0;
}

.ebhdr9-nav-toggle span {
    display: block;
    width: 100%;
    height: 3px;
    background-color: #d4af37;
    border-radius: 3px;
    transition: all 0.35s ease;
}

/* Breakpoint 992px */
@media (min-width: 993px) {
    .ebhdr9-nav-toggle {
        display: none !important;
    }
}

@media (max-width: 992px) {
    .ebhdr9-nav-toggle {
        display: flex !important;
    }
    .zova-nav-list {
        display: none !important;
    }
    .zova-header-cta-btn {
        display: none !important;
    }
}